<template>
<div>
	<HomeHeader :city="city"></HomeHeader>
	<HomeSwiper :swiperList="swiperList"></HomeSwiper>
	<HomeIcons :iconList="iconList"></HomeIcons>
	<HomeRecomment :recommendList="recommendList"></HomeRecomment>
	<HomeWeekend :weekendList="weekendList"></HomeWeekend>
</div>
</template>

<script>
import HomeHeader from './components/Header'
import HomeSwiper from './components/Swiper'
import HomeIcons from './components/icons'
import HomeRecomment from './components/Recomment'
import HomeWeekend from './components/Weekend'
import axios from 'axios'
export default {
	name: "Home",
	components: {
		HomeHeader,
		HomeSwiper,
		HomeIcons,
		HomeRecomment,
		HomeWeekend
	},
	data () {
		return {
			city: "",
			swiperList: [],
			iconList: [],
			recommendList: [],
			weekendList: []
		}
	},
	methods: {
		getHomeInfo () {
			axios.get('/api/index.json')
				.then(this.getHomeInfoSucc)
		},
		getHomeInfoSucc(res){
			var res = res.data 
			if(res.ret && res.data) {
				const data = res.data 
				this.city = data.city 
				this.swiperList = data.swiperList
				this.iconList = data.iconList
				this.recommendList = data.recommendList
				this.weekendList = data.weekendList
			}
		}
	},
	mounted(){
		this.getHomeInfo()
	}
}
</script>
